<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
  <title>红色阳泉</title>
  <link rel="shortcut icon" href="myico2.ico" type="image/x-icon">
  <link rel="stylesheet" href="./css/reset.min.css">
  <link rel="stylesheet" href="./css/swiper-bundle.min.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/index.css">
  <link rel="stylesheet" href="./css/iconfont.css">

</head>

<body>
  <div class="container">
    <header>
      <div class="nav-top">
        <div class="login-nav">
          <a href="login.html">登录</a>|
          <a href="regist.html">注册</a>
        </div>
      </div>
      <nav>
        <div class="logo">
          <img src="./images/logo2.png" alt="">
        </div>
        <div class="nav-ver">
          <ul>
            <li><a href="index.html">首页</a></li>
            <li><a href="news.html">新闻公告</a></li>
            <li>
              <a href="scenic.html">玩转阳泉</a>
              <ul class="drop">
                <li><a href="scenic.html">景点推荐</a></li>
                <li><a href="route.html">精选路线</a></li>
                <li><a href="story.html">红色故事</a></li>
              </ul>
            </li>
            <li><a href="active.html">活动演出</a></li>
            <li><a href="message.html">游记分享</a></li>
          </ul>
          <div class="drop-menu">
            <label class="iconfont icon-caidan--kuai" for="menu"></label>
            <input type="checkbox" id="menu">
            <ul>
              <li><a href="index.html">首页</a></li>
              <li><a href="news.html">新闻公告</a></li>
              <li>
                <label for="menuInner">玩转阳泉</label>
                <input type="checkbox" id="menuInner">
                <ul class="drop">
                  <li><a href="scenic.html">景点推荐</a></li>
                  <li><a href="route.html">精选路线</a></li>
                  <li><a href="story.html">红色故事</a></li>
                </ul>
              </li>
              <li><a href="active.html">活动演出</a></li>
              <li><a href="message.html">游记分享</a></li>
              <li><a href="login.html">登录</a></li>
            </ul>
          </div>
        </div>
      </nav>
      <div class="banner"></div>
    </header>
    <article>
      <div class="news">
        <div class="title">
          <h2>新闻公告</h2>
          <span></span>
        </div>
        <div class="news-box">
          <div class="swiper news-left" id="newsSwiper">
            <div class="swiper-wrapper">
              <div class="swiper-slide"><img src="images/bgimg.jpg" width="570px" alt=""></div>
              <div class="swiper-slide"><img src="images/bgimg.jpg" width="570px" alt=""></div>
              <div class="swiper-slide"><img src="images/bgimg.jpg" width="570px" alt=""></div>
            </div>
            <div class="swiper-pagination"></div>
          </div>
          <div class="news-right">
            <div class="news-title">
              <h5 class="activeTit">新闻</h5>
              <h5>公告</h5>
              <a href="news.html">更多》</a>
            </div>
            <ul class="activeCont">
              <li>
                <p>张吉福在我市调研文化遗产保护利用和文化事业产业发展工作</p><span>2023-04</span>
              </li>
              <li>
                <p>第二届大学生乡村振兴（阳泉）建筑（闲置空间）创意设计大赛颁奖仪式在清华大学举办</p><span>2023-04</span>
              </li>
              <li>
                <p>实施红色领航战略 增进文化自信自强</p><span>2023-04</span>
              </li>
              <li>
                <p>大宗旅游接待奖励政策激活旅游市场</p><span>2023-04</span>
              </li>
              <li>
                <p>我市乡村旅游再添“国”字号招牌</p><span>2023-03</span>
              </li>
              <li>
                <p>七方面发力 山西文化旅游启新局</p><span>2023-02</span>
              </li>
            </ul>
            <ul>
              <li>
                <p>《山西日报》头条推送：平定擦亮“中国砂器之城”名片</p><span>2023-04</span>
              </li>
              <li>
                <p>平定县农村产权流转交易中心：规范交易流程为农村集体“三资”保值增值护航</p><span>2023-04</span>
              </li>
              <li>
                <p>关于清明节纪念缅怀英雄烈士的倡议书</p><span>2022-03</span>
              </li>
              <li>
                <p>阳泉市乡村振兴局关于下达2023年省级财政衔接推进乡村振兴补助资金分配结果</p><span>2023-02</span>
              </li>
              <li>
                <p>关于启动重污染天气橙色预警（II级）的通知(阳重污染天气应急办函[2023]2号)</p><span>2023-01</span>
              </li>
              <li>
                <p>阳泉市大数据应用局关于对2022年度拟认定数字经济企业名单的公示</p><span>2022-12</span>
              </li>

            </ul>
          </div>
        </div>
      </div>
      <div class="scenic">
        <div class="title">
          <h2>热门景点</h2>
          <span></span>
        </div>
        <div class="scenic-box">
          <div class="panel">
            <div class="scenic-cont">
              <h3>百团大战纪念馆</h3>
              <h5>追寻百团大战的历史记忆追寻百团大战</h5>
              <span>&rarr;</span>
            </div>
            <img src="./images/scenic1-1.png" alt="">
          </div>
          <div class="panel">
            <div class="scenic-cont">
              <h3>“阳泉记忆·1947”文化园</h3>
              <h5>一面复古，一面时尚，新与旧在这里碰撞</h5>
              <span>&rarr;</span>
            </div>
            <img src="./images/scenic3.png" alt="">
          </div>
          <div class="panel">
            <div class="scenic-cont">
              <h3>娘子关</h3>
              <h5>遇见娘子关，领略雄关秀水、北域江南</h5>
              <span>&rarr;</span>
            </div>
            <img src="./images/scenic4.jpg" alt="">
          </div>
          <div class="panel">
            <div class="scenic-cont">
              <h3>阳泉市博物馆</h3>
              <h5>关山处处尽览历史苍茫，烟云漫漫感知岁月变迁。</h5>
              <span>&rarr;</span>
            </div>
            <img src="./images/scenic5.jpg" alt="">
          </div>
          <div class="panel">
            <div class="scenic-cont">
              <h3>桃林沟景区</h3>
              <h5>打造休闲度假后花园</h5>
              <span>&rarr;</span>
            </div>
            <img src="./images/scenic6.png" alt="">
          </div>
          <div class="panel active">
            <div class="scenic-cont">
              <h3>阳泉火车站旧址</h3>
              <h5>山西现存最老的火车站旧址</h5>
              <span>&rarr;</span>
            </div>
            <img src="./images/scenic2.png" alt="">
          </div>
        </div>
      </div>
      <div class="share">
        <div class="title">
          <h2>精选游记</h2>
          <span></span>
        </div>
        <div class="swiper share-box">
          <div class="share-run" id="shareSwiper">
            <ul class="swiper-wrapper">
              <li class="swiper-slide">
                <div class="share-left">
                  <img src="./images/message2.png" alt="">
                </div>
                <div class="share-right">
                  <span></span>
                  <p>
                    秋风前夕，我们三人到狼峪抗战遗址瞻仰。 狼峪村不算大，隶属于旧街乡南沟村。 村里安安静静的，偶尔有小车出入。即将成熟的枣树果实累累，压弯了枝头。
                    房屋的外墙和道边护墙都刷了灰色，还点缀着鲜红的五角星，昭示：这里是红色景区。
                  </p>
                  <p>
                    登上草帽山仰望高高耸立着＂百团大战，光照千秋＂的纪念碑，我们心情凝重，抗日战争时期，这里曾是硝烟弥漫的战场，阻击战，破袭战是百团大战的组成部分，抗战将士们冒着枪林弹雨，出生入死，英勇战斗，顽强拼搏。范子侠将军和多位英雄就牺牲在这里。
                  </p>
                  <h6>—— 不知名驴友</h6>
                </div>
              </li>
              <li class="swiper-slide">
                <div class="share-left">
                  <img src="./images/housegroup1.jpg" alt="">
                </div>
                <div class="share-right">
                  <span></span>
                  <p>
                    秋风前夕，我们三人到狼峪抗战遗址瞻仰。 狼峪村不算大，隶属于旧街乡南沟村。
                  </p>
                  <p>
                    村里安安静静的，偶尔有小车出入。即将成熟的枣树果实累累，压弯了枝头。 房屋的外墙和道边护墙都刷了灰色，还点缀着鲜红的五角星，昭示：这里是红色景区。
                  </p>
                  <p>
                    安静静的，偶尔有小车出入。即将成熟的枣树果实累累，压弯了枝头。 房屋的外墙和道边护墙都刷了灰色，还点缀着鲜红的五角星，昭示：这里是红色景区。
                  </p>
                  <p>安静静的，偶尔有小车出入。即将成熟的枣树果实累累，压弯了枝头。 房屋的外墙和道边护墙都刷了灰色，还点缀着鲜红的五角星，昭示：这里是红色景区。</p>
                  <h6>—— 不知名驴友</h6>
                </div>
              </li>
            </ul>
          </div>
          <div class="swiper-button-prev"></div>
          <div class="swiper-button-next"></div>
        </div>
      </div>

    </article>
    <footer>
      <div class="footer">
        <p> Copyright © 红色阳泉 版权所有 </p>
        <p> All Rights Reserved </p>
      </div>
    </footer>
  </div>
  <script src="js/rem.js"></script>
  <script src="./js/vue.min.js"></script>
  <script src="./js/swiper-bundle.min.js"></script>
  <script src="./js/index.js"></script>
</body>

</html>